<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <section th:if="${#lists.isEmpty(dataList)}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">抱歉，还没有，试试其它的课程吧~~~</span></p>
    </section>
    <div th:if="!${#lists.isEmpty(dataList)}" th:each="dataMap : ${dataList}" class="col-md-4 col-lg-3" th:attrappend="data-course=${dataMap['dataTypeMap']['id']}">
        <div class="thumbnail course-list-item">
            <section class="pr">
                <aside class="cm-kc-num">
                    <span class="fs12 c-fff" th:if="${dataMap['dataTypeMap']['courseTypeKey']}!='PACKAGE'" th:text="${dataMap['dataTypeMap']['nodeNum']}+'节'">0节</span>
                    <span class="fs12 c-fff" th:if="${dataMap['dataTypeMap']['courseTypeKey']}=='PACKAGE'" th:text="${dataMap['dataTypeMap']['courseNum']}+'门课'">0门课</span>
                </aside>
                <a href="javascript:void(0)">
                    <img class="lazy" width="100%" th:attrappend="data-original=!${#maps.isEmpty(dataMap['dataTypeMap']['imageMap'])}? ${dataMap['dataTypeMap']['imageMap']['pcUrlMap']['large']} :''"/>
                </a>
            </section>
            <div class="caption">
                <section class="cm-desc-txt__twoLine">
                    <a href="javascript:void(0)" class="fs16 c-333" th:text="${dataMap['dataTypeMap']['courseName']}"></a>
                </section>
                <section class="mt10 mb5 clearfix">
                    <aside class="pull-right">
                        <span class="ml5 fs12 c-999" th:text="${#strings.replace(dataMap['dataTypeMap']['containNodeType'],'、','/')}"></span>
                        <span class="ml5 fs12 c-999">
                            学习:
                            <span th:text="${dataMap['dataTypeMap']['initBuyNum']} + ${dataMap['dataTypeMap']['courseProfile']['buyCount']}"></span>
                        </span>
                    </aside>
                    <aside class="pull-left" th:if="${dataMap['dataTypeMap']['memberPrice']} > 0 or ${dataMap['dataTypeMap']['realPrice']} > 0">
                        <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                        <span class="fs16 c-danger" th:text="${dataMap['dataTypeMap']['memberPrice']} <= 0?${dataMap['dataTypeMap']['realPrice']}:${dataMap['dataTypeMap']['memberPrice']}"></span>
                    </aside>
                    <aside class="pull-left" th:if="${dataMap['dataTypeMap']['realPrice']} <= 0 and ${dataMap['dataTypeMap']['memberCourse']} != 1">
                        <span class="fs16 c-primary">免费</span>
                    </aside>
                    <aside class="pull-left" th:if="${dataMap['dataTypeMap']['memberCourse']} == 1">
                        <span class="fs16 c-danger">会员课</span>
                    </aside>
                </section>
            </div>
        </div>
    </div>
</html>